<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php require_once 'classes/City.class.php'?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-ES" lang="es-ES">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Búsqueda de Comercios - PideCita, sistema de citas online</title>
		<link href="../estilo_pagina.css" rel="stylesheet" type="text/css" />
		<!--[if lt IE 8]>
			<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
		<![endif]-->
	    <script src="http://maps.google.com/jsapi?key=ABQIAAAAdBRyHO_KLbNV2CTUZIm51xSRg3LV6j1BwV-MCtqK8gvlcguFYhSz2l6Jv7opxnIaPLb-KmkwT3SuiA"></script>
	    <link rel="stylesheet" href="style.css" type="text/css"/>
		<script type="text/javascript">
			var map;
			google.load("maps", "2.x");
		</script>		
	    <script type="text/javascript" src="js/prototype.js"></script>		
	</head>
	
	<body>

	<div id="fondo_izq"></div><div id="fondo_dch"></div>
	<div id="pagina">
	
	
		<div id="cabecera">
			<div id="menu">
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="comercios">Buscar peluquería</a></li>
					<li><a href="#">Alta peluquería gratis</a></li>
				</ul>
			</div>
			<img alt="PideCita" src="../logo.jpg" />
		</div>
		<div id="contenido">

		<div id="lateral_izq">
				<div id="map"></div>
		</div>
		
		<div id="lateral_dcha">
			<form id="search_address" src="#" onsubmit="javascript:searchThisAddress();return false">
                                <label for="ciudad">Ciudad: </label>
                                <select id="ciudad" name="ciudad" size="1">
                                <?php foreach(City::getCities() as $city):?>
                                    <option id="city_<?php echo $city->getId()?>" value="<?php echo $city->getId()?>"><?php echo htmlentities($city->getName())?></option>
                                <?php endforeach?>
                                </select>
				<label for="direccion">Dirección: </label><br/>
                                <input id="direccion" name="direccion" size="45"/><br>
                                <label for="nombre">Peluquer&iacute;a: </label><br/>
                                <input style="margin-bottom:8px" id="nombre_marcador" type="input" name="nombre_marcador" size="45"/>
				<br/><input type="submit" value="Buscar"/>
			</form>
			   
		   <div id="side_bar" style="width:300px;height:300px;overflow-x:hidden;overflow-y:auto;">
		   </div>
		</div>
	</div>
		<div id="pie">
			<div id="creado_por">Desarrollado por <a href="http://iweekend.org/2008/valencia/">iWeekend Val&egrave;ncia 2008</a> para <a href="http://www.pidecita.com">pidecita.com</a></div>
			<div id="enlaces_pie"><a href="#">Peluquerías online</a> | <a href="#">Buscar peluquería</a> | <a href="#">Alta peluquería</a> | <a href="#">Recomendar cita&cut</a></div>
		</div>
	</div>
	<script type="text/javascript" src="js/mapthing.js"></script>		
	</body>
</html>
